<template>
    <div>
        <el-table :data="state.tableData" border style="width: 100%" stripe :show-header="false">
            <el-table-column prop="area" width="300px" label="区域名称"></el-table-column>
            <el-table-column prop="value" label="监控状态"></el-table-column>
        </el-table>
    </div>
</template>
<script setup lang="ts">
import { reactive } from 'vue';
import {  GetEnvironmentListByTy } from '/@/api/home';  

    const props = defineProps({
        title:String
    });
    const state = reactive({
        tableData:[]
    });

    GetEnvironmentListByTy(props.title).then(res=>{
        state.tableData = res.data;
    });
</script>